<template>
  <div>
    <el-card :bordered="false" shadow="never" class="ivu-mt mt16">
      <CommonTable permFix="sys:product" url="/product/rule/index" :columns="columns" :editComponent="editComponent">
      </CommonTable>
    </el-card>
  </div>
</template>
<script>
  import CommonTable from '@/components/CommonTable.vue';

  export default {
    name: 'productAttr',

    components: {
      CommonTable
    },
    computed: {

    },
    data() {
      return {
        editComponent: () => import('./ProductAttrEdit.vue'), // 懒加载方式
        columns: [{
            type: 'selection',
            width: 45,
            align: 'center',
            fixed: 'left'
          },
          {
            prop: 'id',
            label: 'ID',
            width: 60,
            align: 'center',
            fixed: 'left'
          },
          {
            prop: 'rule_name',
            label: '规格名称',
            align: 'center',
            minWidth: 200
          },
          {
            prop: 'rule_value',
            label: '规格值',
            align: 'center',
            minWidth: 400
          },
          {
            prop: 'update_time',
            label: '更新时间',
            minWidth: 160,
            align: 'center'
          },
          {
            columnKey: 'action',
            label: '操作',
            slot: 'action',
            width: 150,
            align: 'center',
            fixed: 'right'
          }
        ]
      };
    },

    created() {

    },
    methods: {

    },
  };
</script>

<style scoped>

</style>
